1
00:00:02,150 --> 00:00:06,240
เพียงเท่านี้สำหรับบทสรุปเกี่ยวกับ NextJS

2
00:00:06,240 --> 00:00:09,060
ตอนนี้ NextJS มีสิ่งที่จะนำเสนออีกมากมาย

3
00:00:09,060 --> 00:00:11,740
มีตัวเลือกการกำหนดค่าเพิ่มเติม

4
00:00:11,740 --> 00:00:15,460
สำหรับ getStaticeProps และสิ่งที่คุณสามารถส่งคืนได้

5
00:00:15,460 --> 00:00:18,550
นอกจากนี้ยังมีวิธีปรับภาพให้เหมาะสมอีกด้วย

6
00:00:18,550 --> 00:00:21,680
ด้วยส่วนประกอบ Next Image ในตัว

7
00:00:21,680 --> 00:00:24,790
คุณยังสามารถเพิ่มการรับรองความถูกต้องได้อย่างง่ายดาย

8
00:00:24,790 --> 00:00:28,020
และเพิ่มการสมัครสมาชิก เข้าสู่ระบบ และออกจากระบบ

9
00:00:28,020 --> 00:00:31,080
และจัดการเซสชันด้วย NextJS

10
00:00:31,080 --> 00:00:32,400
ทั้งหมดนี้เป็นไปได้

11
00:00:32,400 --> 00:00:35,440
มันมีพลังมากและทั้งหมดนี้ก็คือสิ่งต่างๆ

12
00:00:35,440 --> 00:00:39,200
เราจะมาดูในหลักสูตรถัดไปฉบับเต็มของฉัน

13
00:00:39,200 --> 00:00:43,530
หลักสูตรนี้ที่นี่ บทช่วยสอนนี้มีเป้าหมายในการสรุป

14
00:00:43,530 --> 00:00:45,870
คุณสมบัติหลักของ NextJS

15
00:00:45,870 --> 00:00:49,505
และมีเป้าหมายในการแนะนำให้คุณรู้จักกับ NextJS

16
00:00:49,505 --> 00:00:52,580
และฉันหวังว่าตอนนี้คงชัดเจนว่า NextJS คืออะไร

17
00:00:52,580 --> 00:00:54,870
และทำไมการใช้มันถึงน่าสนใจ

18
00:00:54,870 --> 00:00:59,320
จะทำให้การสร้างแอป React ที่ซับซ้อนง่ายขึ้นได้อย่างไร

19
00:00:59,320 --> 00:01:01,370
คุณจะทำงานกับเพจต่างๆ ได้อย่างไร

20
00:01:01,370 --> 00:01:03,270
รวมถึงหน้าไดนามิก

21
00:01:03,270 --> 00:01:05,280
วิธีแสดงผลหน้าเว็บล่วงหน้า

22
00:01:05,280 --> 00:01:08,160
และวิธีดึงข้อมูลสำหรับการแสดงผลล่วงหน้า

23
00:01:08,160 --> 00:01:11,634
ด้วย getStaticProps หรือ getServerSideProps

24
00:01:11,634 --> 00:01:15,910
สำหรับเพจไดนามิก คุณต้องมี getStaticProps ด้วย

25
00:01:15,910 --> 00:01:20,660
เพื่อบอก NextJS ว่าอินสแตนซ์ใดของไดนามิกนี้

26
00:01:20,660 --> 00:01:23,030
ควรแสดงผลหน้าล่วงหน้า

27
00:01:23,030 --> 00:01:26,280
และวิธีที่คุณสามารถรันโค้ดฝั่งเซิร์ฟเวอร์ของคุณเองได้

28
00:01:26,280 --> 00:01:30,040
เช่นเดียวกับที่นี่ที่เรากำลังเชื่อมต่อกับฐานข้อมูล

29
00:01:30,040 --> 00:01:32,400
นอกจากนี้คุณยังจะได้เรียนรู้เกี่ยวกับเส้นทาง API

30
00:01:32,400 --> 00:01:35,740
เพื่อให้ไม่ใช่แค่การดึงข้อมูลตลอดเวลาเท่านั้น

31
00:01:35,740 --> 00:01:38,740
แต่คุณสามารถรวม API ส่วนที่เหลือของคุณเองได้

32
00:01:38,740 --> 00:01:41,090
ซึ่งเป็นส่วนหนึ่งของโครงการ React นี้

33
00:01:41,090 --> 00:01:43,930
และคุณสามารถเพิ่มโค้ดฝั่งเซิร์ฟเวอร์ได้ที่นี่

34
00:01:43,930 --> 00:01:47,740
คุณเป็นเจ้าของรหัส API ซึ่งคุณสามารถส่งคำขอได้

35
00:01:47,740 --> 00:01:49,490
จากภายในแอปพลิเคชันฝั่งไคลเอ็นต์ของคุณ

36
00:01:49,490 --> 00:01:54,240
เหมือนที่เราทำที่นี่เพื่อจัดเก็บการพบปะครั้งใหม่

37
00:01:54,240 --> 00:01:55,910
และนั่นคือ NextJS

38
00:01:55,910 --> 00:01:59,520
เฟรมเวิร์กที่ทรงพลังอย่างยิ่งสำหรับ React

39
00:01:59,520 --> 00:02:01,630
ซึ่งเพิ่มคุณสมบัติดีๆ มากมาย

40
00:02:01,630 --> 00:02:03,990
ซึ่งจะทำให้ชีวิตของคุณง่ายขึ้นจริงๆ

41
00:02:03,990 --> 00:02:06,170
และสามารถช่วยคุณแก้ปัญหาได้

42
00:02:06,170 --> 00:02:10,002
ซึ่งคุณกำลังเผชิญอยู่ในโปรเจ็กต์ React มากมาย